<template>
  <div id="app">
    
    <!-- vue-cli2 所有的组建 驼峰都会转换为 - 连接, FooterBar ==> footer-bar ,在cli3 不强调了 -->
    <FooterBar></FooterBar>
    
    <router-view/>
  </div>
</template>
<script>
import FooterBar from '@/components/FooterBar.vue'
export default {
  name: 'App',
  components: {
    FooterBar
  }
}
</script>
<style lang="scss">
  html{
    background: #23262D;
  }
  //为了使better-scroll 的wrapper有一个和视口一样高的高度
  html,body{
    height: 100%;
    overflow: hidden;
  }
  #app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #fff;
    height: 100%;
  }
  
</style>
